<template>
	<view class="container">
		<view class="test-list">
			<view class="test-item" v-for="(item, index) in 15" :key="index" @click="goTest">
				<view class="test-content">
					<view class="title">
						<text>《嵌入式系统设计师真题解析》</text>
					</view>
					<view class="extend">
						<text>03月08日 / 83人收藏</text>
					</view>
				</view>
				<view class="right">
					<image src="/static/icons/jiantou1.png" mode="aspectFit"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goTest(){
				uni.navigateTo({
					url: '/pages/study/test/testPaper/testPaper'
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: #f5f5f5;
	}
</style>
<style lang="scss" scoped>
	.test-list{
		padding: 30rpx;
		.test-item{
			margin-bottom: 30rpx;
			background-color: #FFFFFF;
			border-radius: 18rpx;
			border-bottom: 1rpx solid rgba($color: #000000, $alpha: 0.05);
			padding: 22rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.test-content{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.title{
					font-weight: bold;
				}
				.extend{
					margin-top: 15rpx;
					font-size: 26rpx;
					color: #666;
				}
			}
			.right{
				image{
					width: 25rpx;
					height: 25rpx;
				}
			}
		}
	}
</style>
